Skip to content

【backup】perf: 1) 执行详情 里的 图片 可点击放大查看,文档其他文件 可点击下载了; 2) 文档内容提取 节点的执行详情中,会显示 输入文档 了。#6181

Closed
wangliang181230 wants to merge 1 commit into
1Panel-dev:v2from
wangliang181230:PR/22-executionDetal-allFileCanClick

Conversation

@wangliang181230

@wangliang181230 wangliang181230 commented Jun 4, 2026

Copy link
Copy Markdown
Contributor

perf:

  1. 执行详情 里的 图片 可点击放大查看了,文档其他文件 可点击下载了;
  2. 文档内容提取 节点的执行详情中,会显示 输入文档 了。

效果:

  1. 图片理解 的的执行详情截图:
图片 图片
  1. 文档内容提取 节点的执行详情截图:
图片

@wangliang181230 wangliang181230 force-pushed the PR/22-executionDetal-allFileCanClick branch 7 times, most recently from 50263db to 10c6a09 Compare June 8, 2026 17:33
@wangliang181230 wangliang181230 force-pushed the PR/22-executionDetal-allFileCanClick branch from 10c6a09 to babeff5 Compare June 9, 2026 06:17
</div>
<div v-if="data.video_list?.length > 0">
<p class="mb-8 color-secondary">{{ $t('common.fileUpload.image') }}:</p>
<p class="mb-8 color-secondary">{{ $t('common.fileUpload.video') }}:</p>

@wangliang181230 wangliang181230 Jun 9, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

标题错了,改正为 video

</div>
<div v-if="data.other_list?.length > 0">
<p class="mb-8 color-secondary">{{ $t('common.fileUpload.document') }}:</p>
<p class="mb-8 color-secondary">{{ $t('common.fileUpload.other') }}:</p>

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

这里标题也错了,改正为 other

:max-scale="7"
:min-scale="0.2"
/>
</template>

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

先显示图片列表,放大后可以左右点击切换图片。

</div>
<div v-else>-</div>
</div>
</div>

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

文档内容提取 显示 输入文档

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

该 PR 优化了工作流「执行详情」的文件展示交互:图片支持点击预览放大,文档/其他文件支持点击下载,并在「文档内容提取」节点的执行详情中展示输入文档列表,提升排障与可追溯性。

Changes:

  • 为执行详情中的图片增加预览放大(el-image preview)能力,并补充 alt/title
  • 为文档与其他文件卡片增加点击下载能力
  • 「文档内容提取」节点执行详情新增输入文档列表展示,并后端透传 document_list

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 5 comments.

File Description
ui/src/components/execution-detail-card/index.vue 增强执行详情的图片预览、文件下载、文档提取节点输入文档展示
apps/application/flow/step_node/document_extract_node/impl/base_document_extract_node.py 在节点上下文中保存并向详情输出 document_list 以供前端展示

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

<template v-if="Array.isArray(data.question)">
<div v-for="(item, qIndex) in data.question" :key="qIndex">
<!-- 先显示图片列表 -->
<template v-for="(item, qIndex) in getImageList(data.question)" :key="qIndex">
/>
</template>
<!-- 再显示视频和文本 -->
<div v-for="(item, qIndex) in data.question" :key="qIndex">
Comment on lines +1523 to +1529
const getFileName = (file: any) => {
if (file) {
return file?.file_name || file?.name || file?.image_url?.details || JSON.stringify(file)
} else {
return ''
}
}
Comment on lines +1531 to +1538
// 下载文件
const downloadFile = (file: any) => {
if (file && (file.url || file.file_id || file.id)) {
window.open(file.url || `./oss/file/${file.file_id || file.id}`, '_blank')
} else {
console.error('下载文件失败,原因:链接未知,file =', file)
}
}
Comment on lines 18 to 21
def save_context(self, details, workflow_manage):
self.context['content'] = details.get('content')
self.context['document_list'] = details.get('document_list')
self.context['exception_message'] = details.get('err_message')
@liuruibin

Copy link
Copy Markdown
Member

已有此类功能,不再合并

@liuruibin liuruibin closed this Jun 17, 2026
@wangliang181230 wangliang181230 changed the title perf: 1) 执行详情 里的 图片 可点击放大查看,文档其他文件 可点击下载了; 2) 文档内容提取 节点的执行详情中,会显示 输入文档 了。 【backup】perf: 1) 执行详情 里的 图片 可点击放大查看,文档其他文件 可点击下载了; 2) 文档内容提取 节点的执行详情中,会显示 输入文档 了。 Jun 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants